<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <main>
        <header>
            <nav>
                <div>divNav1</div>
                <div>
                    divNav2
                    <div id="1">
                        divInDiv1
                        <div id="2">divInDiv++</div>
                        <div id="3">divInDiv++2</div>
                    </div>
                    <div id="4">divInDiv11</div>
                </div>
            </nav>
        </header>
        <section>
            <div>
                <p>
                    pText
                    <div>notDirectChild</div>
                </p>
                <div id="5">
                    divInDiv2
                    <p></p>
                </div>
                <div id="6">divInDiv22</div>
            </div>
        </section>
        <h2>h2</h2>

    </main>
    <script src="directchildselection.js"></script>
</body>
</html>